@charset "utf-8";

$font-size: 64px;
@function r($px) {
    @return $px/$font-size*1rem;
}
a{text-decoration: none;}
li{list-style: none;}
img{
    display: block;
    width: 100%;
}
.clear{clear: both;}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
//  font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}
html{background: #f3f4f6;}

a:hover{
    -webkit-tap-highlight-color: transparent;
}
header{
    width: 100%;
    height: r(88px);
    background: #f7f7f7;
    border-bottom: #c1c1c1 1px solid;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    .nav{
        width: 100%;
        position: relative;
        .nav-shop{
            position: absolute;
            line-height: r(88px);
            font-size: 0.5rem;
            cursor: pointer;
            margin-left: r(20px);
        }
        .title{
            font-size: 0.55rem;
            text-align: center;
            line-height: r(88px);
        }
        .nav-g{
            position: absolute;
            line-height: r(88px);
            font-size: 0.5rem;
            cursor: pointer;
            top: 0;
            right: r(20px);
        }
    }
}
section{
    padding-top: r(88px);
    padding-bottom: r(100px);
    overflow-y: auto;
}


footer{
    width: 100%;
    height: r(100px);
    background: #fefefe;
    border-top: 1px #c1c1c1 solid;
    position: fixed;
    bottom: 0;
    left: 0;
    .foot{
        width: 25%;
        height: 100%;
        text-align: center;
        float: left;
        a{
            color: #333;
//          &:hover{
//              -webkit-tap-highlight-color: transparent;
//          }
            p{
                font-size: 0.37rem;
                margin-top: 2px;
            }
            .active{
                color: #d62d31;
            }
            span{
                display: block;
                width: r(50px);
                height: r(45px);
                margin: 0 auto;
                margin-top: r(15px);
                background: url(../img/footer_ico.png);
                background-size: r(200px) r(400px);
            }
            .shop{
                
                background-position: r(-80px) r(100px);
            }
            .market{
                
                background-position: 0 r(44px);
            }
            .cart{
                
                background-position: 0 r(220px);
            }
            .user{
                
                background-position: 0 r(160px);
            }
        }
    }
}
